<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Fx Control</title>
	
    <link rel="stylesheet" type="text/css" href="/easyui/themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="/easyui/demo/demo.css">
	<script type="text/javascript" src="/easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="/easyui/datagrid-detailview.js"></script>

	<script>
		// tab control
	    function addTab(title, url){  
	        $('#contentFrame').attr("src", url);
			/*
			if ($('#content').tabs('exists', title)){  
	            $('#content').tabs('select', title);  
	        } else {  
	            var content = '<iframe id="contentFrame" scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:666px;"></iframe>';  
	            $('#content').tabs('add',{  
	                title:title,  
	                content:content,  
	                closable:true  
	            });  
	        }
	        */
	    }  


	</script>
</head>
<body>
    <!-- Border Layout -->
    <div class="easyui-layout" style="width:auto;height:800px;">  
		<div region="north" border="false" class="rtitle" style="height:70px;">
			<div style="display:inline"><span><img src="/images/logo.png" height="50" /> FxSignal service</span></div>
		</div>    
        <!-- WEST AREA -->
        <div region="west" split="true" title="Navigator" style="width:200px;height:auto">  
        
            <!--  Accordion menu -->
		    <div class="easyui-accordion" style="height:auto;">  
		        <div title="Fx Control" iconCls="icon-ok" selected="true" style="overflow:auto;padding:10px;">  
					<h3 style="color:#0099FF;">Fx Order Control</h3>  
					<p><a href="#" onclick="addTab('User','/fx/list')">Order</a></p>
					<p><a href="#" onclick="addTab('User','/fx/history')">History</a></p>
					<p><a href="#" onclick="addTab('User','/user/list')">User</a></p>
					<p></p>
					<p></p>
					<p></p>
					<p></p>
		        </div>  
                        
		        <div title="HD Movie" iconCls="icon-ok" style="overflow:auto;padding:10px;">  
					<p><a href="#" onclick="addTab('User','/movie/list')">Top10 Movie</a></p>
					<p></p>
					<p></p>
					<p></p>
		        </div>  		    
		        

		    </div>  
        </div>
        <!-- CONTENT AREA -->
        <div id="content" region="center" style="padding:5px;"> 
             <iframe id="contentFrame" scrolling="no" frameborder="0"  src="/fx/list" width="100%" height="100%" ></iframe>
        </div>        
        
    </div>
    <p>
	<!-- Copyright area -->
	<div class="foot-text" style="width:auto;"  align="center">
	    
		<span>
			<p> Copyright (c) 2012. FxSignal. all rights reserved. <a href="/">Mobile</a></p>
			
		</span>
	</div>
	<!-- // Copyright area -->
</body>
</html>